<template>
  <div>
    <h2>Fragment</h2>
    <div>
      Fragment 是 Vue3 中的一个重要特性，允许组件返回多个根节点，而不需要用一个额外的包装元素。这在
      Vue2 中是不被支持的，Vue3 通过 Fragment 解决了这个问题。
    </div>
    <h3 style="color: red">注意事项</h3>
    <div>1. 性能考虑：Fragment 不会创建额外的 DOM 节点，有助于提高性能</div>
    <div>2. 样式影响：由于没有包装元素，某些 CSS 选择器可能需要调整</div>
    <div>3. 事件处理：事件冒泡仍然按照 DOM 结构进行</div>
    <div>4. 调试工具：在 Vue DevTools 中，Fragment 会显示为特殊的节点</div>
  </div>
</template>
